.backGround {
    width: 95%;
    height: 100vh;
    background-color: #fff;
    margin:0 auto;
    margin-top:40px;
    margin-bottom:40px;
}
.b1{
    display: inline-block;
    width:15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    margin-left: 100px;
    background-color:blueviolet;
}
.b2{
    display: inline-block;
    width:15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    margin-left: 100px;
    background-color:#54FF9F;
}
.b3{
    display: inline-block;
    width:15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    margin-left: 100px;
    background-color:#FF0000;
}
.bSign{
    position: absolute;
    top:2%;
    right: 10%;
    display: flex;
    box-sizing: border-box;
    font-size: 16px;
    font-weight:bold;
}
.container{
    margin-left: 40px;
}
.menuButton {
    margin-left: 50px;
}
.hot_Maps{
    position: relative;
    left: 3%;
    display: flex;
    width: 95%;
    height: 75%;
    justify-content:center;
    align-items: center;
}
.hot_Map{
    position: relative;
    height: 90%;
    width: 90%;
}
.mapsName{
    position: relative;
    top:-2%;
    font-size: 20px;
    display: flex;
    justify-content: center;
}
.hotMapp {
    width: 100%;
    height: 10%;
}
.imgs{
    bottom: 5px;
    width: 1289px;
    height: 608px;
    margin:0 auto;
    margin-bottom: 100px;
}
.left_Button {
    position: absolute;
    top:50%;
    left: -4%;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}
.right_Button{
    position: absolute;
    top:50%;
    right: -9%;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}
.photoPoint{
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: blueviolet;
    margin: 0 auto;
}
.name{
    color:#fff;
    font-size: 18px;
    margin: 0 auto;
    margin-left: 5px;
}